.about-area{
    background: #ffff;
    position: relative;
    margin-right: 100px;
    @media #{$lg}{
        margin-right: 50px;
    }
    @media #{$md}{
        margin-right: 50px;
    }
    @media #{$sm}{
        margin-right: 0px;
    }
    @media #{$xs}{
        margin-right: 0px;
    }
    // left content
    position: relative;
    &::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 27%;
        background: #FFEFAE;
        right: -100px;
        z-index: -1;
        top: 0;
        @media #{$lg}{
            height: 15%;
            right: -50px;
        }
        @media #{$md}{
            height: 15%;
            right: -50px;
        }
        @media #{$sm}{
            right: 0px;
        }
        @media #{$xs}{
            right: 0px;
        }
    }
    .about-caption{
         p{
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 35px;
            padding-right: 50px;
            font-weight: 300;
            @media #{$lg}{
                padding-right: 20px;
            }
            @media #{$sm}{
                padding-right: 0px;
            }
            @media #{$xs}{
                padding-right: 0px;
            }
        }

    }
    // img
    .about-img{
        img{
            width: 100%;
        }
        @media #{$md}{
            padding-top: 50px;
        }
        @media #{$sm}{
            padding-top: 50px;
        }
        @media #{$xs}{
            padding-top: 50px;
        }
    }
    .experience{
        span{
            color: $theme-color;
            font-size: 60px;
            margin-bottom: 18px;
            display: block;
            font-weight: 500;
            @media #{$laptop}{
                font-size: 52px;
            }
            @media #{$lg}{
                font-size: 42px;
            }
            @media #{$md}{
                font-size: 33px;
            }
            @media #{$sm}{
                font-size: 45px;
            }
            @media #{$xs}{
                font-size: 33px;
            }
        }
        p{

        }
    }
     
    // left img
    .about-right-cap{
        margin-bottom: 100px;
        @media #{$xs}{
            padding-top: 50px;
            margin-bottom: 0px;
        }
        @media #{$md}{
            padding-top: 50px;
            margin-bottom: 0px;
        }
        @media #{$sm}{
            padding-top: 50px;
            margin-bottom: 0px;
        }
        @media #{$sm}{
            padding-top: 50px;
            margin-bottom: 0px;
        }
        .about-right-img{
            img{
                width: 100%;
                margin-bottom: 15px;
            }
        }
        p{
            font-size: 22px;
            color: #140C40;
            font-weight: 300;
            padding-right: 13px;
            line-height: 1.5;
        }
        .about-right-cap2{
            margin-bottom: 0px;
            @media #{$xs}{
                margin-bottom: 0px;
            }
            @media #{$md}{
                margin-bottom: 0px;
            }
            @media #{$sm}{
                margin-bottom: 0px;
            }
            @media #{$sm}{
                margin-bottom: 0px;
            }
        }
    }
}
.about-caption{
    @media #{$xs}{
        margin-bottom: 35px;
    }
	
}
.bg-height.pb-160{
    @media #{$xs}{
        padding-bottom: 100px;
    }
}

